import React, { Component } from 'react';
import { NavLink } from 'react-router-dom';
import './HallNavLink.scss';
class Com extends Component {
  constructor (props) {
    super(props)
    this.state = {}
  }

  render () {
    return (
      <div className = "HallNavLink">
        <ul>
          <li>
            <NavLink to="/musichall/index">首页</NavLink>
          </li>
          <li>
            <NavLink to="/musichall/singer/热门">歌手</NavLink>
          </li>
          <li>
            <NavLink to="/musichall/album">专辑</NavLink>
          </li>
          <li>
            <NavLink to="/musichall/rankinglist/流行">排行榜</NavLink>
          </li>
          <li>
            <NavLink to="/musichall/songlist">分类歌单</NavLink>
          </li>
          <li>
            <NavLink to="/musichall/broadcasting/热门">电台</NavLink>
          </li>
          <li>
            <NavLink to="/musichall/mv">MV</NavLink>
          </li>
          <li>
            <NavLink to="/musichall/numalbum">数字专辑</NavLink>
          </li>
          <li>
            <NavLink to="/musichall/ticket">票务</NavLink>
          </li>
        </ul>
      </div>
    )
  }
}

export default Com;
